/*


    行业资讯




 */


/* 头部 */
.head {
  //width: 100%;
  width: 3.325rem;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0.5rem;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, .1);
  background-color: #fff;
  z-index: 999;

  span {
    position: absolute;
    top: 0.15rem;
    left: 0;
  }

  .title-img {
    width: 1.1rem;
    margin: 0 auto;
    padding-top: 0.15rem;

    a {
      display: block;
      width: 100%;
      height: 100%;

      img {
        display: block;
        width: 100%;
      }
    }
  }

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: -0.21rem;
    width: 0.22rem;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
  }

  &::before {
    content: "";
    position: absolute;
    top: 0;
    right: -0.11rem;
    width: 0.22rem;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
  }
}

/* 顶部图片 */
.top-img {
  margin-top: 0.65rem;
  margin-bottom: 0.15rem;

  .swiper-container{
    .swiper-slide{
      width: 85%;
      //margin-left: 0.125rem!important;
      //margin-right: 0.125rem!important;
    }
  }

  a {
    display: block;
    width: 100%;
    height: 100%;

    img {
      display: block;
      width: 100%;
    }
  }
}

/* 创业资讯和品牌资讯 */
.news-content {

  .new-sel {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #eaeaea;


    li {
      flex: 1;
      text-align: center;
      position: relative;
      height: 0.5rem;
      line-height: 0.5rem;
      color: #999;

      &.ns-active {
        color: #333;

        &:before {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          width: 30px;
          height: 2px;
          background-color: #fe1818;
          border-radius: 2px;
        }
      }
    }
  }

  .news-opt {
    li {
      p {
        margin-bottom: 0 !important;
      }

      .set1 {
        display: flex;
        justify-content: space-between;
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        border-bottom: 1px solid #eaeaea;

        img {
          flex: 0 0 0.13rem;
          height: 0.9rem;
          margin-right: 0.1rem;
        }

        .no-right {
          flex: 0 0 1.94rem;
          position: relative;

          p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;

            &:nth-of-type(1) {
              color: #333;
              font-size: 15px;
              font-weight: bold;
              margin-top: 0.12rem;
            }

            &:nth-of-type(2) {
              font-size: 12px;
              color: #666;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              vertical-align: bottom;
              position: absolute;
              left: 0;
              bottom: 0.05rem;
            }
          }
        }
      }

      .set2 {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0.15rem;
        padding-bottom: 0.15rem;
        border-bottom: 1px solid #eaeaea;

        .no-top {
          p {
            &:nth-of-type(1) {
              font-weight: bold;
              font-size: 15px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              color: #3b3b3b;
            }

            &:nth-of-type(2) {
              color: #444;
              font-size: 12px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              margin-top: 0.15rem;
              margin-bottom: 0.1rem!important;
            }
          }
        }

        .img-box {
          display: flex;
          justify-content: space-between;

          img {
            flex:0 0 1.1rem;
            height: 0.77rem;
          }
        }
      }
    }
  }

}

.load-more {
  display: block;
  font-size: 12px;
  color: #424242;
  padding: 0.17rem 0;
  text-align: center;
  border-bottom: none !important;
}
